 * {
     margin: 0;
     padding: 0;
     text-decoration: none;
     list-style: none;
 }

 body {
     background-color: #FFFFFF;
 }

 .banner {
     width: 1423px;
     height: 170px;


     background-image: url(../img/chadao_banner.webp);
     background-repeat: no-repeat;

     background-size: 100% 100%;
 }

 .navi_top {
     width: 1423px;
     height: 82px;


     display: flex;
     justify-content: space-evenly;
 }

 .navi_logo {
     width: 80px;
     height: 82px;

 }

 .navi_wz {
     width: 937px;
     height: 82px;
     cursor: pointer;
     color: #878787;

 }



 .navi_btn {
     width: 224px;
     height: 82px;
     text-align: center;
     padding-top: 20px;

 }

 .navi_top table {
     width: 400px;
     height: 76px;
     margin-left: 500px;

 }

 .navi_top table tr td {
     text-align: center;
     transition: all 0.7s linear;
 }

 .navi_top table tr td:hover {
     color: #519F10;
     border-bottom: #519F10 1px solid;
 }

 span {
     cursor: pointer;

     padding: 0px 15px;
 }

 .endline {
     width: 1423px;
     height: 193px;
     background-color: #F3F3F3;
     display: flex;
     justify-content: space-evenly;
     align-content: space-around;
     flex-wrap: wrap;
 }

 .endline_left {
     padding-top: 25px;
     width: 790px;
     height: 153px;
     line-height: 28px;
     display: flex;
 }

 .endline_erweima {
     width: 390px;
     height: 153px;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
 }

 .erweima {
     width: 100px;
     height: 100px;
 }

 .endline_lianxi {
     width: 290px;
     height: 153px;
     font-size: 24px;
     text-align: center;
 }

 .endline_guanzhuwomen {
     width: 290px;
     height: 153px;
     text-align: center;
     font-size: 18px;
 }

 .endline_qf {
     width: 317px;
     height: 153px;
 }

 .endline_qf span {
     color: #969696;
 }

 .zanzhushang {
     width: 1423px;
     height: 170px;
     background-color: #ffff;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
 }

 .zanzhushang_pc {
     width: 1190px;
     height: 70px;

     display: flex;
     justify-content: space-around;
     align-items: center;
 }

 .zz_pc {
     width: 150px;
     height: 60px;

 }

 .shuzi {
     width: 1423px;
     height: 233px;

     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
     align-content: space-around;
     text-align: center;
 }

 .value {
     width: 320px;
     height: 93px;


 }

 .tea_good {
     width: 1423px;
     height: 218px;

     display: flex;
     align-content: space-around;
     justify-content: space-around;
     flex-wrap: wrap;
     text-align: center;

 }

 .tea_good_center {
     width: 1200px;
     height: 198px;

     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     padding-top: 23px;
     align-items: center;
     border-top: #898989 1px solid;
     ;
 }

 .tea_threepc {
     width: 1423px;
     height: 546px;

     display: flex;
     flex-wrap: wrap;
     align-content: space-around;
     justify-content: space-around;
 }

 .tea_threepc_main {
     width: 1280px;
     height: 461px;
     display: flex;
     justify-content: space-evenly;
 }

 .tea_threepc_mainq {
     width: 400px;
     height: 461px;

     transition: all 0.5s ease;
 }

 .tea_threepc_mainq:hover {
     transform: translateY(-5px);
     transition: all 0.5s ease;
 }

 ._mainq {
     width: 390px;
     height: 461px;

     text-align: center;
 }

 .fang {
     display: none;
 }

 ._mainq:hover .fang {
     display: block;

 }